header{
    background-color: #a6c5f4;
}
.wrap{
    width: 900px;
    margin:0 auto;
} 

.subtitle{
    background-color:rgb(237, 222, 238);
    font-weight: bolder;
    font-size: 1.4rem;
}
main{
    display: flex;
    flex-direction: column;
}

main h1{
    padding: 1rem 4rem;
    font-size: 1.4rem;
    margin: 0rem 3rem;
}

main div{
    padding: 1rem 4rem;
    font-size: 1.2rem;
    margin: 0rem 3rem;
}

header：選擇<header>元素。
background-color: #a6c5f4;：設定背景顏色為#a6c5f4，這是一種淡藍色。
.wrap：選擇所有具有class為"wrap"的HTML元素。

• width: 900px;：設定這些元素的寬度為900像素，限制它們的寬度。
• margin:0 auto;：將左右外邊距設定為”auto"，使這些元素水平居中在其容器內。
  .subtitle：選擇所有具有class為"subtitle"的HTML元素。
• background-color:rgb(237, 222, 238);：設定這些元素的背景顏色為rgb(237, 222, 238)，這是一種淡紫色。
• font-weight: bolder;：將文字的字重設定為較粗的字體。
• font-size: 1.4rem;：設定文字的字體大小為1.4rem。
  main：選擇<main>元素。
• display: flex;：將<main>元素的顯示屬性設定為Flex布局，使內部元素能夠以Flexbox方式排列。
• flex-directmain h1：選擇<main>元素內的所有<h1>元素。ion: column;：將主軸方向設定為垂直方向，使子元素以列的形式排列。
• padding: 1rem 4rem;：設定這些<h1>元素的內邊距為1rem（上下）和4rem（左右）。
• font-size: 1.4rem;：設定這些<h1>元素的字體大小為1.4rem。
• margin: 0rem 3rem;：設定這些<h1>元素的外邊距為0rem（上下）和3rem（左右）。
  main div：選擇<main>元素內的所有<div>元素。
• padding: 1rem 4rem;：設定這些<div>元素的內邊距為1rem（上下）和4rem（左右）。
• font-size: 1.2rem;：設定這些<div>元素的字體大小為1.2rem。
• margin: 0rem 3rem;：設定這些<div>元素的外邊距為0rem（上下）和3rem（左右）。

目前製作: